<template>
  <div class="home-main box-shadow">
    <side-nav :sideNavData="sideNavData"></side-nav>
    <div class="entrance-wrapper">
      <home-banner></home-banner>
    </div>
    <home-lotterys-hot :winningInfo="winningInfo"></home-lotterys-hot>
  </div>
</template>

<script>
import SideNav from '@/pages/home/components/side-nav/side-nav'
import HomeBanner from '@/pages/home/components/home-banner/home-banner'
import HomeLotterysHot from '@/pages/home/components/home-lotterys-hot/home-lotterys-hot'

export default {
  components: {
    SideNav,
    HomeBanner,
    HomeLotterysHot
  },
  props: {
    winningInfo: {
      type: Array,
      require: true
    },
    sideNavData: {
      type: Object,
      require: true
    }
  },
 
}
</script>

<style lang="stylus" scoped>
  .home-main
    width 1200px
    margin 0 auto
    position: relative
    .entrance-wrapper
      width 940px
      height 320px
      position: absolute 
      top 0
      right 0
</style>